<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="layout/bismillah_template.xhtml">
    
    <ui:define name="content">
        <h:form id="productListForm"  prependId="false" >
            <h:outputScript name="jquery-1.5.2.js" library="js" target="head"/>
            <h:outputScript name="inline_popup.js" library="js" target="head"/>
            <h:outputScript name="jquery.dataTables.js" library="js" target="head"/>
            <h:panelGrid width="100%" >

                <ui:insert name="products_table" >
                    <ui:include src="/includes/products_table.xhtml" />
                </ui:insert>

            </h:panelGrid>
        </h:form>
        
        <div id="popup_name" class="popup_block">
            <h2>Turtle Power</h2>
            <ui:include src="/product.xhtml" />
        </div>

        <script type="text/javascript" >
            jQuery(document).ready(function(jQuery){
                jQuery('a.poplight[href^=#]').click(function() {
                    jQuery(this).popOpen();
                });
            });
            
        </script>

    </ui:define>
</ui:composition>